
.container{
  min-height: 100vh;
  background-color: #fff;
}
.content-box-header{
	.space-item{
		background-color: #fff;
		padding: 30rpx;
		.header-box{
			display: flex;
			justify-content: space-between;
			margin-bottom: 16rpx;
			.header-left{
				display: flex;
				align-items: center;
				.header-sculpture-box {
					width: 10vw;
					height: 10vw;
					margin-right: 10rpx;
					img{
						width: 100%;
						height: 100%;
						border-radius: 10rpx;
					}
				}
				
			}
			.header-right{
				display: flex;
				align-items: center;
			}
		}
		.content-text{
			font-size: 28rpx;
			color: #4c4c4c;
			margin-bottom: 16rpx;
		}
		.img-list{
			display: flex;
			// justify-content: space-between;
			flex-wrap: wrap;
			.img-item{
				width: 25%;
				img{
					width: 22vw;
					height: 22vw;
					border-radius: 10rpx;
				}
			}
		}
	}
}
.hb-comment{
	background-color: #fff;
}

.footer-box{
	width: 100%;
}
.footer-box-content{
	box-sizing: border-box;
	padding: 30rpx;
	display: flex;
	justify-content: space-between;
}
.rich-text,.children-rich-text{
	display: flex;
	padding: 20rpx;
	border-radius: 10rpx;
	img{
		width: 10vw;
		height: 10vw;
		flex-shrink: 0;
		border-radius: 50%;
		margin-right: 10rpx;
	}
	.ruch-title{
		font-size: 28rpx;
		display: flex;
		justify-content: space-between
	}
	.title-ruch-box{
		margin-right: 20rpx;
		width: 100%;
	}
	.ruch-p{
		font-size: 24rpx;
		color: #999;
	}
}
.rich-title{
	font-size: 28rpx;
	font-weight: 600;
	border-radius: 10rpx 10rpx 0 0;
	// background-color: #f8f8f8;
	padding: 20rpx;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	border:1px solid #ccc;
}
.children-rich-text{
	margin-left: 80rpx;

}
.swiper{
  height: 400rpx;
}
.content-title{
  line-height: 50rpx;
  font-size: 36rpx;
  font-weight: 600;
  margin-top: 30rpx;
}
.content-content{
  font-size: 28rpx;
  margin-top: 10rpx;
  font-size: 24rpx;
}